@media (max-width: 1500px) {
    .frame-leistungen.frame-layout-1 {
        background: url(../fileadmin/user_upload/Leistungen/vermessung.jpg) center center no-repeat;
        background-size: auto 100%;
    }
    
    .frame-leistungen.frame-layout-1:hover {
        background-size: auto 110%;
    }
    
    .frame-leistungen.frame-layout-1::after {
        background: url(../fileadmin/user_upload/Leistungen/vermessung-zer.jpg) center center no-repeat;
        background-size: auto 100%;
    }
    
    .frame-leistungen.frame-layout-1:hover::after {
        background-size: auto 110%;
        opacity: 0;
    }
    
    .frame-leistungen.frame-layout-2 {
        background: url(../fileadmin/user_upload/Leistungen/industrievermessung.jpg) center center no-repeat;
        background-size: auto 100%;
    }
    
    .frame-leistungen.frame-layout-2:hover {
        background-size: auto 110%;
    }
    
    .frame-leistungen.frame-layout-2::after {
        background: url(../fileadmin/user_upload/Leistungen/industrievermessung.jpg) center center no-repeat;
        background-size: auto 100%;
    }
    
    .frame-leistungen.frame-layout-2:hover::after {
        background-size: auto 110%;
        opacity: 0;
    }
    
    .frame-leistungen.frame-layout-3 {
        background: url(../fileadmin/user_upload/Leistungen/bodenmessung.jpg) center center no-repeat;
        background-size: auto 100%;
    }
    
    .frame-leistungen.frame-layout-3:hover {
        background-size: auto 110%;
    }
    
    .frame-leistungen.frame-layout-3::after {
        background: url(../fileadmin/user_upload/Leistungen/bodenmessung-zer.jpg) center center no-repeat;
        background-size: auto 100%;
    }
    
    .frame-leistungen.frame-layout-3:hover::after {
        background-size: auto 110%;
        opacity: 0;
    }
}
    
@media (max-width: 1370px) {
    #inhaltsbereich .bereiche:first-child .inhaltsheader {
        height: 70vh;
    }

    #inhaltsbereich .bereiche:first-child .inhaltsheader::after {
        width: 400px;
        height: 275px;
    }
}

@media (max-width: 1260px) {
    #header > .rahmen {
    width: 95%;    
    }
}

@media (max-width: 1215px) {
    #footerinhalt .ce-bodytext ul {
        margin: 0 20px 0 0;
    }
}

@media (max-width: 1190px) {
    #hauptnavi {
        display: none;
    }

    .mob_button {
        display: block;
    }

    #header.scrolled .mob_button {
        margin-top: 20px;
    }

    #header.scrolled + #mobnavi {
        margin-top: 75px !important;
    }

    #header .logo {
        width: 120px;
    }

    #header.scrolled .logo {
        width: 100px;
    }
}

@media (max-width: 1100px) {
    .frame-leistungen .ce-bodytext {
        padding: 60px 5% 30px 20px;
    }
}

@media (max-width: 1024px) {
    .frame-leistungen header::after {
        position: absolute;
        content: '» mehr erfahren';
        top: 100%;
        left: 0;
        margin: 20px 0 0 0;
        background: rgba(197, 32, 23, 1);
        color: white;
        padding: 3px 7px;
        transition: 0.3s;
    }

    .frame-leistungen:hover header::after {
        opacity: 0;
    }

    .frame-leistungen header, .frame-leistungen:hover header {
        top: 10%;
        margin-left: 10%;
        text-align: left;
    }

    .frame-leistungen header * {
        background: rgba(197, 32, 23, 1);
    }

    .frame-leistungen::before {
        left: 15%;
        background: rgba(197, 32, 23, 1);        
    }

    .frame-leistungen:hover::before {
        width: 85%;
        padding-right: 5px;
    }

    .frame-leistungen .ce-bodytext {
        margin-left: 15.5%;
        padding: 100px 5% 30px 20px;
    }
}

@media (max-width: 960px) {
    #inhaltsbereich .bereiche:first-child .inhaltsheader {
        height: 50vh;
    }

    #inhaltsbereich .bereiche:first-child .inhaltsheader::after {
        width: 300px;
        height: 206px;
    }

    #inhaltsbereich .bereiche:first-child .inhaltsheader .owl-dots {
        bottom: 10px;
    }

    #footerinhalt > div > .rahmen {
        width: 90%;
    }

    #inhaltsbereich .bereiche:first-child .inhaltsheader .owl-dot {
        width: 10px;
        height: 10px;
    }
}

@media (max-width: 950px) {
    #inhaltsbereich .inhalt .owl-carousel {
        width: 90%;
        padding: 0 5%;
    } 

    #inhaltsbereich .inhalt .owl-carousel .owl-prev {
        left: 0;
    }

    #inhaltsbereich .inhalt .owl-carousel .owl-next {
        right: 0;
    }
}

@media (max-width: 940px) {
    #footer .tx_cn-columns .row > div {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    #footer .tx_cn-columns .row > div > div {
        width: 100%;
        margin: 0 !important;
    }

    #footerinhalt .ce-bodytext {
        text-align: center;
    }

    #footerinhalt .ce-bodytext ul {
        float: none;
        text-align: left;
        margin: 0 20px;
    }

    #footerinhalt .ce-bodytext ul:first-child {
        margin: 0 20px 0 0;
    }

    #footerinhalt .ce-bodytext ul:last-child {
        margin: 0 0 0 20px;
    }

    #footerinhalt .frame-type-menu_subpages ul {
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
        border-top: 1px solid white;
        margin-top: 20px;
        padding-top: 20px;
    }

    #footerinhalt .frame-type-menu_subpages ul li {
        float: none;
        display: inline-block;
        margin: 0 5px;
        padding: 5px 10px;
        background: #5e0f0b;
    }
}

@media (max-width: 900px) {
    #footerinhalt .tx_cn-columns > div > div {
        width: 50%;
    }

    #footerinhalt .tx_cn-columns > div > div:last-child > div {
        width: 100%;
        margin: 0;
    }

    #footerinhalt {
        padding-bottom: 15px;
    }

    .smartstyle img {
        width: 40px;
        height: auto;
    }

    .frame-bg .ce-bodytext, .frame-grau .ce-bodytext {
        width: 75%;
    }
}

@media (max-width: 830px) {
    #subheader {
        height: 40vh;
    }
}

@media (max-width: 670px) {
    #header, #header.scrolled {
        background: #FFF;
        box-shadow: none;
    }

    #inhaltsbereich .bereiche:first-child .inhaltsheader {
        height: 40vh;
        margin-top: 75px;
    }

    #inhaltsbereich .bereiche:first-child .inhaltsheader::after {
        width: 200px;
        height: 138px;
    }

    .frame-bg .ce-bodytext, .frame-grau .ce-bodytext {
        width: 100%;
    }

    #footerinhalt .ce-bodytext ul {
        float: left;
        clear: both;
        width: 100%;
        margin: 0 0 20px 0 !important;
        text-align: center;
        padding: 20px 0;
        background: #a81c14;
    }

    #footerinhalt .ce-bodytext ul:last-child {
        margin: 0 0 0 0 !important;
    }

    #header .logo {
        width: 110px;
        padding: 10px 0;
    }

    #header.scrolled .logo {
        width: 80px;
    }

    #header > .rahmen {
        width: 90%;
    }
}

@media (max-width: 650px) {
    #inhaltsbereich .inhalt .tx_cn-columns > div > div, #footerinhalt .tx_cn-columns > div > div {
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich .inhalt .tx_cn-columns > div > div > div, #footerinhalt .tx_cn-columns > div > div > div {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 600px) {
    .frame-leistungen header::after, .frame-leistungen::before, .frame-leistungen::after {
        display: none;
    }

    .frame-leistungen {
        min-height: unset;
        padding: 30px 0 !important;
    }

    .frame-leistungen .ce-bodytext, .frame-leistungen header *, #inhaltsbereich .frame-leistungen .ce-bodytext ul li::before {
        text-shadow: 0 2px 2px black;
    }

    .frame-leistungen header, .frame-leistungen .ce-bodytext {
        position: static;
    }

    .frame-leistungen:hover header, .frame-leistungen header, .frame-leistungen:hover .ce-bodytext, .frame-leistungen .ce-bodytext {
        margin: 0;
        padding: 20px 5%;
        width: 90%;   
        background: rgba(0, 0, 0, 0.6);
    }

    .frame-leistungen:hover header, .frame-leistungen header {
        padding: 20px 5% 0 5%;
    }

    .frame-leistungen:hover header *, .frame-leistungen header * {
        background: none;
        padding: 0;
        margin: 0;
    }

    .frame-leistungen.frame-layout-1 {
        background: url(../fileadmin/user_upload/Leistungen/vermessung-zer.jpg) center center no-repeat;
        background-size: auto 100%;
    }

    .frame-leistungen.frame-layout-2 {
        background: url(../fileadmin/user_upload/Leistungen/industrievermessung-zer.jpg) center center no-repeat;
        background-size: auto 100%;
    }

    .frame-leistungen.frame-layout-3 {
        background: url(../fileadmin/user_upload/Leistungen/bodenmessung-zer.jpg) center center no-repeat;
        background-size: auto 100%;
    }
}

@media (max-width: 560px) {
    #inhaltsbereich .bereiche:first-child .inhaltsheader {
        height: 30vh;
    }

    #inhaltsbereich .frame-kontakt .ce-bodytext {
        text-align: left;
    }

    #inhaltsbereich .frame-kontakt .ce-bodytext ul {
        display: block;
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 20px 0;
    }

    #inhaltsbereich .frame-kontakt .ce-bodytext ul:last-child {
        margin: 0 0 0 0;
    }

    #subheader {
        height: 30vh;
        margin-top: 95px;
    }
}

@media (max-width: 480px) {
    #footerinhalt {
        padding-bottom: 20px;
    }

    #footerinhalt .tx_cn-columns > div > div:last-child {
        border-top: 0;
        padding-top: 0;
    }

    #footerinhalt .frame-type-menu_subpages ul li {
        width: 100%;
        margin: 0 0 5px 0;
        display: block;
        padding: 5px 0;
    }
}

@media (max-width: 420px) {
    #inhaltsbereich .bereiche:first-child .inhaltsheader, #subheader {
        height: 25vh;
    }
}

@media (max-width: 350px) {
    #inhaltsbereich .bereiche:first-child .inhaltsheader, #subheader {
        height: 22vh;
    }
}
/*
     FILE ARCHIVED ON 19:26:05 Feb 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:29:05 Feb 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.839
  exclusion.robots: 0.031
  exclusion.robots.policy: 0.019
  esindex: 0.023
  cdx.remote: 122.283
  LoadShardBlock: 965.959 (3)
  PetaboxLoader3.datanode: 111.911 (4)
  PetaboxLoader3.resolve: 99.698 (2)
  load_resource: 110.32
*/